import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    setToken(state, data) {
      console.log(data)
      state.token = data
      // 除了设置到 state 中
      // 还需要放入 cookie 做数据持久化
      setToken(data)
    },
    setUserInfo(state, data) {
      state.userInfo = data
    },
    removeToken(state) {
      state.token = ''
      removeToken()
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async login(store, data) {
      // 两个参数, 当前store本身, 外面调用时的参数
      try {
        const res = await login(data)
        store.commit('setToken', res)
        // 除了记录 token 还得记录时间
        setTimeStamp()
        console.log('登录成功')
        // if (res.data.success) {
        //   store.commit('setToken', res.data.data)
        // }
      } catch (error) {
        console.log('失败逻辑')
        console.log(error)
      }
    },
    logout(store) {
      // 清理 state
      // 1. 清理 token
      store.commit('removeToken')
      // 2. 清理 userInfo
      store.commit('removeUserInfo')
      // 3.清理路由信息
      resetRouter()
      // 4. 如果是为了保险起见, 连菜单数据也一并清空
      // 问题在于 permission 并不是当前 user 的子模块
      // 这个mutation 应该基于 最外层的根 vuex 实例来操作
      // 可以通过添加 {root: true} 来制定操作的实例时根vuex 实例
      store.commit('permission/setRoutes', [], { root: true })
    },
    async getUserInfo(store) {
      const resSimple = await getUserInfo()
      const userId = resSimple.userId
      // 之前获取的只有用户基本信息, 需要详情的话, 就要调用另一个接口
      const resDetail = await getUserDetailById(userId)

      const res = {
        ...resSimple,
        ...resDetail
      }

      store.commit('setUserInfo', res)

      // 为了之后的操作, 返回这个 res
      return res
    }
  }
}
